<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
	<ui:composition template="template/template.xhtml">
		<ui:define  name="page-title" >#{messages.pedido}</ui:define >
		<ui:define  name="center">
			<h:outputText styleClass="title" value="#{messages.pedido}"/>
        	<p:messages id="messages" autoUpdate="true"/>  
           	<h:panelGrid columns="2" id="fields"> 
	
	 			<h:outputLabel value="#{messages.tipo}" for="tipo"/>
	 			<p:selectOneMenu id="tipo" value="#{pedidoController.pedido.tipoPedido.id}" required="true">  
	 				<f:selectItem itemLabel="#{messages.seleccione}" itemValue="" /> 
                      	<f:selectItems value="#{pedidoController.tiposPedido}" var="tipo" itemLabel="#{tipo.nome}" itemValue="#{tipo.id}" />  
                  	</p:selectOneMenu>  
	 
				<h:outputLabel for="descricao" value="#{messages.descricao}" /> 
          			<p:inputText id="descricao" value="#{pedidoController.pedido.descricao}" required="true"/>
          			
				<h:outputLabel value="#{messages.centro}" for="pedido-centro"/>
	 			<p:selectOneMenu id="pedido-centro" value="#{pedidoController.pedido.centro.id}" style="display: inline-block" disabled="true">  
                	<f:selectItem itemLabel="#{messages.seleccione}" itemValue="" /> 
                    <f:selectItems value="#{centroController.centros}" var="centro" itemValue="#{centro.id}" itemLabel="#{centro.nome}" />
                </p:selectOneMenu> 
                 	
				<h:outputLabel value="#{messages.depositoExpedicao}" for="pedido-deposito"/>
	 			<p:selectOneMenu id="pedido-deposito" value="#{pedidoController.pedido.depositoExpedicao.id}" style="display: inline-block" disabled="true">  
                    <f:selectItem itemLabel="#{messages.seleccione}" itemValue="" /> 
                    <f:selectItems value="#{centroController.depositos}" var="deposito" itemValue="#{deposito.id}" itemLabel="#{deposito.nome}" />  
                </p:selectOneMenu> 
                  	
         		<h:outputLabel for="dataPedido" value="#{messages.dataPedido}" /> 
         		<p:calendar id="dataPedido" value="#{pedidoController.pedido.dataPedido}" disabled="true">
         			<f:convertDateTime pattern="#{messages.dateTimeFormat}" />
         		</p:calendar>
         			
         		<h:outputLabel for="dataExpedicao" value="#{messages.dataExpedicao}" /> 
         		<p:calendar id="dataExpedicao" value="#{pedidoController.pedido.dataExpedicao}" disabled="true" readonly="true">
         			<f:convertDateTime pattern="#{messages.dateTimeFormat}" />
         		</p:calendar>

				<h:outputText value="Anular" />  
        		<p:selectBooleanCheckbox value="#{pedidoController.anular}" />

	 			<h:column/>
    						
			</h:panelGrid> 
			 
			<p:panel>
				  
				<p:dataTable rowIndexVar="index" id="materiais" var="pedido" value="#{pedidoController.movimentos}" 
					 widgetVar="materiaisTable">  

			        <f:facet name="header">  
			            #{messages.materiais}  
			        </f:facet>  
			  	
			        <p:column headerText="#{messages.material}" style="width:25%; height: 16px">  
			               <h:outputText value="#{pedido.material.nome}" />
			           </p:column>  
			  
		          	<p:column headerText="#{messages.quantidade}" style="width:25%">  
			            <h:outputText value="#{pedido.quantidade}" />
			        </p:column>
			        
			        <p:column headerText="#{messages.centro}" style="width:25%">  
			             <h:outputText value="#{pedido.deposito.centro.nome}" />
			        </p:column> 
			        
			        <p:column headerText="#{messages.deposito}" style="width:25%">  
			           <h:outputText value="#{pedido.deposito.nome}" />
			        </p:column> 
			        
			  
			    </p:dataTable>
		    </p:panel>
  			<div>
				<p:commandButton value="#{messages.voltar}" action="pedidos" immediate="true" ajax="false" /> 
				
				<p:commandButton disabled="#{pedidoController.pedido.estadoPedido ne 'PENDENTE'}" value="#{messages.guardar}" action="#{pedidoController.savePedidoAction}"  ajax="false"/> 
						
				<p:commandButton disabled="#{pedidoController.pedido.estadoPedido ne 'PENDENTE'}" value="Expedir" action="#{pedidoController.saveExpedicao}"  ajax="false"/> 
			</div>
		</ui:define >
	</ui:composition>
	
</html>